{extend name="web/official_common/mobile/base" /}

{block name="content"}
<!--主体内容 开始-->
<div class="video">
    <!--右侧区域 开始-->
    <div id="right">
        <div class="right_title">
            <h2 class="right_title_2">
                <img src="__ADDON__/images/titleleftbg.png" align="absmiddle">{:ze($res,'name')}
                <img src="__ADDON__/images/titlerightbg.png" align="absmiddle">
            </h2>
        </div>
        <div id="subchannel_main">
            <div id="subchannel">
                <ul class="subchannellist">
                    {foreach $res['son'] as $item}
                        <li class="depth1" {if $item['is_choose']} id="current" {/if}>
                            <a href="{:get_cate_url($item)}" class="current_a">{:ze($item,'name')}</a>
                        </li>
                    {/foreach}
                </ul>
            </div>
        </div>
        <div class="right_body minwidth">
            <ul class="videolist">
                <!--循环开始-->
                {foreach $data as $index => $item}
                    <li class="n">
                        <a href="{:addon_url('official/web.official_video/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$item['id']])}">
                            <img src="{$item['image']}" class="videolist_image" title="{$item['title']}" alt="{$item['title']}"><i></i>
                        </a>
                        <div class="InfoTitle">
                            <a class="InfoTitle_video_a"  href="{:addon_url('official/web.official_video/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$item['id']])}" title="{$item['title']}">{$item['title']}</a>
                        </div>
                    </li>
                {/foreach}
                <!--循环结束-->
            </ul>
            <style>
                .InfoTitle_video_a{
                    overflow:hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    -o-text-overflow:ellipsis;
                }
            </style>

            <div class="page_custom">
                <div class="page_son">
                    {$data->render(['pid'=>(int)input('param.pid'),'sid'=>(int)input('param.sid')])}
                </div>
            </div>



        </div>
        <div class="right_bottom"></div>
    </div>
    <!--右侧区域 结束-->
    <div class="clear"></div>
</div>
<!--主体内容 结束-->
{/block}